<template>
	<view>
		<view class="detail_tit">
			<view class="detail_text">{{titile}}</view>
			<view class="detail_time">发布时间：{{addTime}}</view>
		</view>
		<view class="detail_content" >
			<!-- <view class="detail_img">
				<image src="../../static/img/home/news_flash_particulars.png"></image>
			</view>
			
			<view class="detail_con">
				文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
			</view> -->
			<view class="detail_con" v-html="content"></view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				titile:"",
				content:"",
				addTime:"",
			}
		},
		// 页面加载
		onLoad(options) {
			console.log(options.id)
			this.loadData(options.id);
		},
		methods: {
			loadData(index){
				this.tui.request(
					'/app/material/materialDetail',
					'GET', 
					{
						id:index,
					},
					false,
					false,
					false,
				).then(res => {
					console.log(res)
					this.titile = res.data.titile
					this.content = res.data.content
					this.addTime = res.data.addTime
					
					
				}).catch(err => {
					console.log(err)
				});
			},
		}
	}
</script>

<style>
	.detail_tit {
		width: 100%;
		color: #333333;
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}

	.detail_time {
		font-size: 14px;
		color: #cccccc;
	}
	.detail_content{
		width: 100%;
		text-align: center;
	}
	/* .detail_img {
		width: 100%;
		text-align: center;
	} */

	.detail_img image {
		width: 90%;
		height: 125px;
	}
	.detail_con{
		width: 90%;
		margin: 0 auto;
		padding-top: 100px;
		padding-top: 12px;
		text-align: left;
		/* text-indent: 24px; */
	}
</style>
